notepad-panel
    display flex
    flex-direction column
    width 75%
    z-index 20
    transition 0.25s ease left
    {shadamb}
    position fixed !important
    {trans}
    & > button.vertical
        display flex
        flex-flow column nowrap
        align-items center
        gap 0.5rem
        svg
            margin 0
        span
            writing-mode vertical-rl
            text-orientation sideways
            transform rotate(180deg)
    & > div
        flex 1 1 auto
        position relative
    & > div > div
        position absolute
        left 0
        top 0
        right 0
        bottom 0
    .aNav
        flex 0 1 auto
        border-bottom-left-radius 0
        border-bottom-right-radius 0
        border-top-right-radius 0
    &.opened
        transform translate(-100%, 0)
    iframe, webview
        position absolute
        left 0
        top 0
        width 100%
        height 100%
        border 0 none
        // @stylint off
        background #fff
        // @stylint on
    .aHomeButton
        position absolute
        right 0.5rem
        top 0.5rem
        padding 0.25rem 0.5rem
.dockleft
    position absolute
    right 100%
    top 50%
    transform translate(0, -50%)
    margin 0
    border-top-right-radius 0
    border-bottom-right-radius 0
    border-right 0 none
.dockright
    position absolute
    left 100%
    top 10%
    height 80%
    margin 0
    transform translate(0, 0)
    border-top-right-radius 0
    border-bottom-right-radius 0
    border-right 0 none
